
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Les tois chemins - Accueil</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </h:head>
    <h:body>
        <div id="header">
            <a href="#"><img src="images/logo1.png" title="Affiliate Promo logo" id="logo" alt="Logo" /></a>
            <ul id="navBar">
                <li class="current"><a href="index.html">Home</a></li>
                <li><a href="#">Nos services</a></li>
                <li><a href="#">Nos produits</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#"></a></li>            
            </ul>
        </div>
        <div id="welcomeMessage">
            <h1>Bienvenue dans notre espace de vente en ligne</h1>
            <p><span>Yourbusiness.com</span> is a leading virtual corporate business that will help you monetize your work to the most level you could reach.</p>

        </div>
        <div id="wrapper">
            <div id="secWrapper">
                <div id="container" class="clearfix">
                    <div id="mainCol" class="clearfix">
                        <div id="services">
                            <h3>Our Services</h3>
                            <ul>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                                <li>
                                    <h4>Service title</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </li>
                            </ul>
                        </div>
                        <h3 id="why"> Decouvrir nos produits! </h3>
                        <ul id="maincon">
                          
                              <h:form id="form">  

                                <p:growl id="msgs" showDetail="true" />  

                                <p:dataTable id="cars" var="produit" value="#{productController.list2}">  

                                    <p:column headerText="nom produit" style="width:24%">  
                                        <h:outputText value="#{produit.nomProduit}" />  
                                    </p:column>  

                                    <p:column headerText="Prix" style="width:24%">  
                                        <h:outputText value="#{produit.prixVente}" />  
                                    </p:column>  

                                    <p:column headerText="quntité disponible" style="width:24%">  
                                        <h:outputText value="#{produit.quantiteDisponible}" />  
                                    </p:column>   

                                    <p:column style="width:4%">  
                                        <p:commandButton id="selectButton" update=":form:display" oncomplete="carDialog.show()" icon="ui-icon-uncheck" title="View">  
                                            <f:setPropertyActionListener value="#{produit}" target="#{commandeClient_Controller.selectedProduit}" />  
                                        </p:commandButton> 
                                        
                                    </p:column>  
                                    
                                   
  
                                   

                                </p:dataTable>  

                                <p:dialog header="Details" widgetVar="carDialog" resizable="false" id="carDlg"  
                                          showEffect="fade" hideEffect="explode" modal="true">  

                                    <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  

                                        <f:facet name="header">  
                                            <p:graphicImage value="/images/#{commandeClient_Controller.selectedProduit.image}"/>  
                                        </f:facet>  

                                        <h:outputText value="nom:" />  
                                        
                                        <h:outputText value="#{commandeClient_Controller.selectedProduit.nomProduit}" style="font-weight:bold"/>  

                                        <h:outputText value="prix:" />  
                                        <h:outputText value="#{commandeClient_Controller.selectedProduit.prixVente}" style="font-weight:bold"/>  


                                        <h:outputText value="quantité disponible" />  
                                        <h:outputText value="#{commandeClient_Controller.selectedProduit.quantiteDisponible}" style="font-weight:bold"/>  


                                    </h:panelGrid>  

                                </p:dialog>  

                            </h:form>  

                        </ul>

                    </div>
                   <div id="secCol">

                          <fieldset id="login">
                            <h4>Connectez Vous</h4>
                            <h:form>
                                <p:growl id="growl"/>
                                <h:panelGrid columns="2" >
                                    <p:outputLabel value="identifiant:" for="userName"/>
                                    <p:inputText id="userName" value="#{loginController.username}"/>
                                    <p:outputLabel value="mot de passe:" for="password"/>
                                    <p:password id="password" value="#{loginController.password}" label="password"/>
                                </h:panelGrid>  

                            </h:form>
                            <p:commandButton   value="Se connecter" action="#{loginController.signIn()}" style=" color: window; width: 200px" />

                            <br/>

                        </fieldset>
                        
                        <h3 id="news">Pas encore membre? <a href="subscribe.xhtml">Inscrivez vous !</a> /></h3>
                        <ul>
                            <li class="clearfix">
                                <br />

                                <p:calendar  mode="inline" navigator="none" />

                                <br />
                            </li>
                        </ul>

                        <h3 id="test">Nos Produits</h3>
                        
                        <ul>
                            <li class="clearfix">
                            <p:imageSwitch effect="turnDown" style="margin:auto" >  
                                <ui:repeat value="#{galleriaBean.images}" var="image">  
                                    <p:graphicImage value="/images/#{image}" />  
                                </ui:repeat>  

                            </p:imageSwitch> 
                                </li>
                        </ul>
  

                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <ul>
                <li><a href="#">Home</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Terms and Conditions</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Privacy Policy</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Sitemap</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Support</a>&nbsp;&nbsp;-&nbsp;&nbsp;</li>
                <li><a href="#">Contact Us</a></li>
            </ul>
            <p>Copyrights &copy; 2008 yourbusiness.com, All Rights Reserved</p>
        </div>
    </h:body>
</html>
